Adaptive design 自適應設計

自適應設計（Adaptive design） 是一組技術，使介面可以根據不同的上下文自動調整。讓產品適應不同裝置、使用者和環境，使其更易用。當使用者調整視窗大小、改變方向，或者在不同裝置之間切換時，螢幕可能會動態變化

Conditions 適應條件

• Device（裝置條件）：適應全屏、分屏等顯示模式，相容摺疊屏裝置。

• Window size（視窗大小）：介面會根據視窗大小和方向進行調整。

• Input modality（輸入方式）：支援觸控、手寫筆、外接裝置、眼動追蹤等互動方式。

Layout 佈局的三種策略

1. Hide and show（隱藏和顯示）：根據螢幕空間顯示或隱藏內容。

2. Levitate（浮動）：介面元素可調整以適應不同的裝置和輸入方式。

3. Reflow（重排）：重新排列元件，使內容更易閱讀和操作。

Components 元件

1 Resizing（大小調整）

元件應該根據內容和佈局調整大小，比如按鈕的大小可以適配不同的介面。

2 Hiding and showing（顯示與隱藏）

某些列表項可以在螢幕較大時顯示更多內容。

3 Presentation changes（外觀變化）

包括顏色、字型、大小的調整，FAB（浮動操作按鈕）也可以根據視窗大小變化。